<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui">
    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>Controle de Segurança</title>
    </h:head>
    <h:body style="background-image:url('resources/fitafilmes.jpg'); background-position: 0% 40%;background-repeat: no-repeat;">
        <h:form> 
            <p:panel header="Login" id="panelLogin" style="text-align: center; position: absolute; 
                     width: 350px; height: 190px; left: 35%; top:30%;">
                <h:panelGrid columns="2">
                    <h:outputText value="Usuário"/>
                    <p:inputText value="#{usuarioHandler.usuario.usuario}" size="20" maxlength="20" required="true" requiredMessage="Campo login obrigatório"/>
                    <h:outputText value="Senha"/>
                    <p:password value="#{usuarioHandler.usuario.password}" feedback="true" minLength="4" required="true" requiredMessage="Campo password obrigatório"/>
                    <br />
                </h:panelGrid>
                <h:commandButton action="#{usuarioHandler.validaLogin()}" value="Realizar Login"/>
            </p:panel>
        </h:form>
    </h:body>
</html>